{% extends "layouts/base.njk" %}

{% from 'macros/cards/hero-card.njk' import heroCard with context %}
{% from 'macros/cards/featured-post-card.njk' import featuredPostCard with context %}
{% from 'macros/cards/featured-docs-card.njk' import featuredDocsCard with context %}
{% from 'macros/cards/featured-tweet-card.njk' import featuredTweetCard with context %}
{% from 'macros/cards/releases-card.njk' import releasesCard with context %}

{% block content %}
  <div class="home-container width-full center-margin pad-400">

    {{ heroCard() }}
    <div class="gap-top-500 grid-gap-500 display-flex direction-column masonry:direction-row align-center masonry:align-start">
      <div class="display-flex direction-column grid-gap-500">
        {% set blog = 'blog-' + locale %}
        {{ featuredPostCard(collections[blog][0]) }}
        {{ releasesCard() }}
        {% include 'partials/report-a-bug.njk' %}
      </div>
      <div class="display-flex direction-column grid-gap-500">
        {{ featuredDocsCard(featuredProjects) }}
        {% if tweets and tweets.length %}
          {{ featuredTweetCard() }}
        {% endif %}
      </div>
    </div>

  </div>
{% endblock %}
